@charset "UTF-8";
html,
body {
  width: 100%;
  height: 100%;
  font-family: 'Microsoft YaHei';
  background-color: #ebebeb;
}
img {
  width: 100%;
}
/*超出显示省略号*/
/*隐藏滚动条*/
::-webkit-scrollbar {
  display: none;
}
/*字体*/
/*函数*/
/*swiper*/
.swiper-pagination-bullet {
  width: 2.13333333vw;
  height: 2.13333333vw;
}
.swiper-pagination-bullet-active {
  background-color: #DEBc57;
}
/*首页*/
.main {
  width: 100%;
  padding-bottom: 13.06666667vw;
}
.main .header .swiper1 .swiper-wrapper .swiper-slide a {
  display: block;
}
.main .header .swiper1 .swiper-wrapper .swiper-slide a img {
  height: 48.8vw;
}
.main .header .news {
  width: 100%;
  height: 11.73333333vw;
  background-color: #ffffff;
  overflow: hidden;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
}
.main .header .news .news-center {
  width: 92vw;
  height: 9.33333333vw;
  line-height: 9.33333333vw;
  background-color: rgba(191, 147, 69, 0.3);
  border-radius: 1.06666667vw;
  padding-left: 3.73333333vw;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
}
.main .header .news .news-center .news-huabin {
  width: 17.06666667vw;
  height: 3.2vw;
}
.main .header .news .news-center .news-huabin img {
  display: block;
}
.main .header .news .news-center .line {
  display: inline-block;
  width: 0.26666667vw;
  height: 4.26666667vw;
  background-color: #997637;
  opacity: 1;
  margin: 0 2.13333333vw;
}
.main .header .news .news-center span {
  font-size: 3.2vw;
}
.main .header .news .news-center > span:nth-of-type(2) {
  color: #f55252;
  font-weight: bold;
}
.main .header .news .news-center .swiper2 {
  height: 9.33333333vw;
  line-height: 9.33333333vw;
  margin-left: 2.13333333vw;
}
.main .header .news .news-center .swiper2 span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main .classification {
  width: 100%;
  padding: 1.73333333vw 3.6vw 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.main .classification li {
  width: 50%;
  padding: 0.4vw;
  float: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.main .classification li a {
  display: block;
}
/*底部导航*/
.nav {
  width: 100%;
  height: 13.06666667vw;
  background-color: #ffffff;
  padding: 1.6vw 0 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: fixed;
  left: 0;
  bottom: 0;
}
.nav ul {
  width: 100%;
}
.nav ul li {
  width: 50%;
  float: left;
}
.nav ul li a {
  display: block;
  width: 100%;
  text-align: center;
}
.nav ul li a img {
  width: 5.86666667vw;
  height: 5.86666667vw;
}
.nav ul li a span {
  display: block;
  font-size: 2.66666667vw;
  margin-top: 1.33333333vw;
  color: #999999;
}
.nav ul li a .nav-active {
  color: #bf9345;
}
/*奖券区、华彬区*/
.exchange ul {
  width: 100%;
  padding: 0 2vw;
  background-color: #ffffff;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.exchange ul li {
  float: left;
  width: 50%;
  padding: 4vw 2vw 2.66666667vw;
  border-bottom: 0.13333333vw solid #e5e5e5;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.exchange ul li a {
  display: block;
}
.exchange ul li a img {
  width: 44vw;
  height: 24.8vw;
}
.exchange ul li a p {
  font-size: 3.73333333vw;
  margin-bottom: 1.6vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.exchange ul li a p:nth-of-type(1) {
  color: #191919;
}
.exchange ul li a p:nth-of-type(2) {
  margin-bottom: 2.66666667vw;
}
.exchange ul li a p:nth-of-type(2) span:nth-of-type(1) {
  color: #f22727;
}
.exchange ul li a p:nth-of-type(2) span:nth-of-type(2) {
  color: #999999;
  font-size: 3.2vw;
}
.exchange ul li:nth-of-type(odd) {
  border-right: 0.13333333vw solid #e5e5e5;
}
/*秒杀区*/
.secondKill .secondKill-title {
  width: 100%;
  height: 8vw;
  line-height: 8vw;
  text-align: center;
}
.secondKill .secondKill-title p {
  font-size: 2.66666667vw;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.secondKill .secondKill-list ul {
  width: 100%;
  padding: 0 2vw;
  background-color: #ffffff;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.secondKill .secondKill-list ul li {
  float: left;
  width: 50%;
  padding: 4vw 2vw 2.66666667vw;
  border-bottom: 0.13333333vw solid #e5e5e5;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.secondKill .secondKill-list ul li a {
  display: block;
}
.secondKill .secondKill-list ul li a img {
  width: 44vw;
  height: 24.8vw;
}
.secondKill .secondKill-list ul li a > p {
  font-size: 3.73333333vw;
  margin-bottom: 1.6vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.secondKill .secondKill-list ul li a > p:nth-of-type(1) {
  color: #191919;
}
.secondKill .secondKill-list ul li a > p:nth-of-type(2) {
  margin-bottom: 2.66666667vw;
}
.secondKill .secondKill-list ul li a > p:nth-of-type(2) span:nth-of-type(1) {
  color: #f22727;
}
.secondKill .secondKill-list ul li a > p:nth-of-type(2) span:nth-of-type(2) {
  color: #999999;
  font-size: 3.2vw;
}
.secondKill .secondKill-list ul li a .rush-to-buy {
  width: 44vw;
  height: 11.73333333vw;
  margin: 2.66666667vw 0 0;
  background-color: #999999;
  border-radius: 1.06666667vw;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
}
.secondKill .secondKill-list ul li a .rush-to-buy .content > p {
  font-size: 2.4vw;
  color: #ffffff;
}
.secondKill .secondKill-list ul li a .rush-to-buy .content > p:nth-of-type(2) {
  margin-top: 0.66666667vw;
}
.secondKill .secondKill-list ul li a .active {
  background-color: #DEBC57;
}
.secondKill .secondKill-list ul li a .active .content > p {
  color: #77481C;
  font-size: 3.73333333vw;
}
.secondKill .secondKill-list ul li:nth-of-type(odd) {
  border-right: 0.13333333vw solid #e5e5e5;
}
/*拼团区*/
.collage .collage-title {
  width: 100%;
  height: 8vw;
  line-height: 8vw;
  text-align: center;
  height: 10.66666667vw;
  line-height: 10.66666667vw;
  position: relative;
}
.collage .collage-title p {
  font-size: 2.66666667vw;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.collage .collage-title a {
  display: block;
  width: 12vw;
  height: 6.66666667vw;
  text-align: center;
  line-height: 6.66666667vw;
  background-color: #f55252;
  color: #ffffff;
  font-size: 3.2vw;
  border-radius: 4vw;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 4vw;
}
.collage .collage-list ul {
  width: 100%;
  padding: 0 2vw;
  background-color: #ffffff;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.collage .collage-list ul li {
  float: left;
  width: 50%;
  padding: 4vw 2vw 2.66666667vw;
  border-bottom: 0.13333333vw solid #e5e5e5;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.collage .collage-list ul li a {
  display: block;
}
.collage .collage-list ul li a img {
  width: 44vw;
  height: 24.8vw;
}
.collage .collage-list ul li a > p {
  font-size: 3.73333333vw;
  margin-bottom: 1.6vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.collage .collage-list ul li a > p:nth-of-type(1) {
  color: #191919;
}
.collage .collage-list ul li a > p:nth-of-type(2) {
  margin-bottom: 2.66666667vw;
}
.collage .collage-list ul li a > p:nth-of-type(2) span:nth-of-type(1) {
  color: #f22727;
}
.collage .collage-list ul li a > p:nth-of-type(2) span:nth-of-type(2) {
  color: #999999;
  font-size: 3.2vw;
}
.collage .collage-list ul li a .rush-to-buy {
  width: 44vw;
  height: 11.73333333vw;
  margin: 2.66666667vw 0 0;
  background-color: #999999;
  border-radius: 1.06666667vw;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
}
.collage .collage-list ul li a .rush-to-buy .content > p {
  font-size: 2.4vw;
  color: #ffffff;
}
.collage .collage-list ul li a .rush-to-buy .content > p:nth-of-type(2) {
  margin-top: 0.66666667vw;
}
.collage .collage-list ul li a .active {
  background-color: #DEBC57;
}
.collage .collage-list ul li a .active .content > p {
  color: #77481C;
  font-size: 3.73333333vw;
}
.collage .collage-list ul li:nth-of-type(odd) {
  border-right: 0.13333333vw solid #e5e5e5;
}
.collage .collage-list ul li a img {
  width: 44vw;
  height: 24.8vw;
}
.collage .collage-list ul li a > p {
  margin-top: 2.66666667vw;
  margin-bottom: 0;
}
.collage .collage-list ul li a > p:nth-of-type(2) {
  margin-top: 1.6vw;
}
.collage .collage-list ul li a > p:nth-of-type(3) > span {
  font-size: 2.4vw;
}
.collage .collage-list ul li a > p:nth-of-type(3) > span:nth-of-type(1) {
  float: left;
  color: #333333;
}
.collage .collage-list ul li a > p:nth-of-type(3) > span:nth-of-type(2) {
  float: right;
  color: #999999;
}
.collage .collage-list ul li a > p:nth-of-type(3) > span:nth-of-type(2) .days {
  color: #333333;
  margin-right: 0.8vw;
}
.collage .collage-list ul li a > p:nth-of-type(3) > span:nth-of-type(2) .time {
  width: 4.53333333vw;
  height: 3.2vw;
  text-align: center;
  line-height: 3.2vw;
  display: inline-block;
  color: #383838;
  border: 0.13333333vw solid #c2c2c2;
  border-radius: 0.53333333vw;
  margin: 0 0.8vw;
}
.collage .collage-list ul li a .progress {
  margin-top: 2.66666667vw;
  font-size: 2.4vw;
}
.collage .collage-list ul li a .progress > span {
  float: left;
  color: #333333;
}
.collage .collage-list ul li a .progress .progress-right {
  float: right;
  width: 31.73333333vw;
  height: 3.2vw;
  border-radius: 1.6vw;
  background-color: #fb8686;
  text-align: center;
  line-height: 3.2vw;
  color: #ffffff;
  position: relative;
}
.collage .collage-list ul li a .progress .progress-right .progress-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 16vw;
  height: 3.2vw;
  border-radius: 1.6vw;
  background-color: #f55252;
}
.collage .collage-list ul li a .progress .progress-right > p {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.collage .collage-list ul li a .rush-to-buy {
  margin-top: 4vw;
}
.collage .collage-list ul li a .rush-to-buy .content > p {
  font-size: 4.26666667vw;
}
/*商品详情*/
.detail {
  width: 100%;
}
.detail .detail-header {
  width: 100%;
}
.detail .detail-title {
  width: 100%;
  height: 24.8vw;
  background-color: #ffffff;
  padding: 2.66666667vw 4vw 0;
  position: relative;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.detail .detail-title > p {
  font-size: 5.6vw;
  color: #333333;
}
.detail .detail-title > p:nth-of-type(1) {
  color: #f22727;
  font-size: 4vw;
}
.detail .detail-title > p:nth-of-type(1) span {
  font-size: 6.93333333vw;
}
.detail .detail-title > p:nth-of-type(2) {
  font-weight: bold;
}
.detail .detail-title .count-down {
  text-align: center;
  position: absolute;
  right: 4vw;
  top: 1.33333333vw;
}
.detail .detail-title .count-down p {
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  color: #666666;
}
.detail .detail-title .count-down p:nth-of-type(1) {
  font-size: 2.4vw;
}
.detail .detail-title .count-down p:nth-of-type(2) {
  font-size: 3.2vw;
  margin-top: 1.33333333vw;
}
.detail .detail-title .count-down p:nth-of-type(2) span {
  color: #333333;
}
.detail .detail-title .count-down p:nth-of-type(2) span:nth-of-type(2),
.detail .detail-title .count-down p:nth-of-type(2) span:nth-of-type(3),
.detail .detail-title .count-down p:nth-of-type(2) span:nth-of-type(4) {
  width: 6.13333333vw;
  height: 4.53333333vw;
  line-height: 4.53333333vw;
  display: inline-block;
  border: 0.13333333vw solid #bf9345;
  border-radius: 0.53333333vw;
}
.detail .collage-num {
  width: 100%;
  height: 18.66666667vw;
  background-color: #ffffff;
  padding: 0 4vw;
  margin-top: 0.8vw;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.detail .collage-num .collage-num-txt p:nth-of-type(1) {
  font-size: 3.73333333vw;
  color: #333333;
  font-weight: bold;
}
.detail .collage-num .collage-num-txt p:nth-of-type(2) {
  margin-top: 2.4vw;
  font-size: 2.4vw;
  color: #666666;
}
.detail .collage-num .num {
  width: 20vw;
  height: 11.2vw;
  text-align: center;
  line-height: 11.2vw;
  color: #333333;
  font-weight: bold;
  font-size: 4.26666667vw;
  border: 0.13333333vw solid #f4f4f4;
  border-radius: 1.06666667vw;
}
.detail .detail-address {
  background-color: #ffffff;
  margin-top: 0.8vw;
  padding: 4vw;
}
.detail .detail-address a {
  display: block;
}
.detail .detail-address .address-top {
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.detail .detail-address .address-top .address-top-left {
  display: flex;
  align-items: center;
  -webkit-align-items: center;
}
.detail .detail-address .address-top .address-top-left span:nth-of-type(1) {
  color: #999999;
  font-size: 3.73333333vw;
}
.detail .detail-address .address-top .address-top-left span:nth-of-type(2),
.detail .detail-address .address-top .address-top-left span:nth-of-type(3) {
  color: #333333;
  font-size: 3.2vw;
  margin-left: 2.66666667vw;
}
.detail .detail-address .address-top .address-top-left span:nth-of-type(2) {
  margin-left: 0.66666667vw;
}
.detail .detail-address .address-top .address-top-right img {
  display: block;
  width: 4.8vw;
  height: 1.86666667vw;
}
.detail .detail-address .address-bottom {
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  margin-top: 2.4vw;
}
.detail .detail-address .address-bottom .address-bottom-left {
  margin-left: 9.06666667vw;
}
.detail .detail-address .address-bottom .address-bottom-left img {
  display: block;
  width: 4vw;
  height: 4.8vw;
}
.detail .detail-address .address-bottom .address-bottom-right {
  margin-left: 2.66666667vw;
  font-size: 3.2vw;
  color: #666666;
}
.detail .detail-txt1 {
  margin-top: 3.2vw;
  padding: 5.6vw 4vw 5.6vw;
  background-color: #ffffff;
}
.detail .detail-txt1 p {
  font-size: 3.2vw;
  color: #333333;
  letter-spacing: 1px;
}
.detail .detail-txt1 p:nth-of-type(1) {
  font-weight: bold;
  letter-spacing: 0.26666667vw;
}
.detail .detail-txt1 p:nth-of-type(2),
.detail .detail-txt1 p:nth-of-type(3) {
  margin-top: 4vw;
}
.detail .detail-txt2 {
  width: 100%;
  background-color: #ffffff;
  margin-top: 0.8vw;
  padding: 3.46666667vw 4vw;
  letter-spacing: 1px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.detail .detail-txt2 p:nth-of-type(1) {
  font-size: 3.73333333vw;
  color: #999999;
}
.detail .detail-txt2 p:nth-of-type(2) {
  font-size: 3.2vw;
  color: #333333;
  margin-top: 3.73333333vw;
}
.detail .phoneNum {
  width: 100%;
  height: 13.06666667vw;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  background-color: #ffffff;
  margin-top: 3.2vw;
  padding: 0 4vw;
  font-size: 3.46666667vw;
  color: #333333;
}
.detail .phoneNum input {
  margin-top: -0.8vw;
  margin-left: 8vw;
  font-size: 4.26666667vw;
}
.detail .btn-exchange {
  display: block;
  width: 92vw;
  height: 13.33333333vw;
  background-color: #DEBC57;
  border-radius: 1.06666667vw;
  margin: 5.6vw auto 0;
  font-size: 4.26666667vw;
  color: #77481C;
  font-weight: bold;
  letter-spacing: 0.26666667vw;
}
/*编辑收货地址*/
.receive-address {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}
.receive-address form {
  width: 100%;
  padding: 0 4vw;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.receive-address form ul {
  width: 100%;
}
.receive-address form ul li {
  width: 100%;
  border-bottom: 0.13333333vw solid #e5e5e5;
  font-size: 3.73333333vw;
  position: relative;
}
.receive-address form ul li:nth-of-type(1),
.receive-address form ul li:nth-of-type(2),
.receive-address form ul li:nth-of-type(3) {
  height: 11.73333333vw;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
}
.receive-address form ul li:nth-of-type(1) label,
.receive-address form ul li:nth-of-type(2) label,
.receive-address form ul li:nth-of-type(3) label {
  color: #333333;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.receive-address form ul li:nth-of-type(1) input,
.receive-address form ul li:nth-of-type(2) input,
.receive-address form ul li:nth-of-type(3) input {
  width: 100%;
  font-size: 3.73333333vw;
  padding-left: 26.13333333vw;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.receive-address form ul li:nth-of-type(1) input::-webkit-input-placeholder,
.receive-address form ul li:nth-of-type(2) input::-webkit-input-placeholder,
.receive-address form ul li:nth-of-type(3) input::-webkit-input-placeholder {
  color: #999999;
}
.receive-address form ul li:nth-of-type(3) input::-webkit-input-placeholder {
  color: #666666;
}
.receive-address form ul li:nth-of-type(4) {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.receive-address form ul li:nth-of-type(4) label {
  display: block;
  margin-top: 3.06666667vw;
}
.receive-address form ul li:nth-of-type(4) textarea {
  width: 100%;
  border: none;
  font-size: 3.73333333vw;
  height: 13.33333333vw;
  margin-top: 6.13333333vw;
}
.receive-address form ul li:nth-of-type(4) textarea::-webkit-input-placeholder {
  color: #999999;
}
.receive-address form .save-address {
  width: 100%;
  margin-top: 6.66666667vw;
}
.receive-address form .save-address input {
  font-size: 4.26666667vw;
  border-radius: 1.06666667vw;
  -webkit-appearance: none;
}
.receive-address form .save-address input:nth-of-type(1) {
  width: 57.33333333vw;
  height: 13.33333333vw;
  color: #77481C;
  background-color: #DEBC57;
  float: left;
}
.receive-address form .save-address input:nth-of-type(2) {
  width: 32vw;
  height: 13.33333333vw;
  color: #363636;
  background-color: #ffffff;
  border: 0.26666667vw solid #999999;
  float: right;
}
/********无效********************************/
/*积分兑换-奖券*/
.exchange-lottery {
  width: 100%;
}
.exchange-lottery .title {
  height: 24.8vw;
  background-color: #ffffff;
  padding: 2.66666667vw 4vw 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.exchange-lottery .title > p {
  font-size: 5.6vw;
  color: #333333;
}
.exchange-lottery .title > p:nth-of-type(1) {
  color: #f22727;
  font-size: 4vw;
}
.exchange-lottery .title > p:nth-of-type(1) span {
  font-size: 6.93333333vw;
}
.exchange-lottery .title > p:nth-of-type(2) {
  font-weight: bold;
}
.exchange-lottery .detail {
  margin-top: 3.2vw;
  padding: 5.6vw 4vw 5.6vw;
  background-color: #ffffff;
}
.exchange-lottery .detail p {
  font-size: 3.2vw;
  color: #333333;
  letter-spacing: 1px;
}
.exchange-lottery .detail p:nth-of-type(1) {
  font-weight: bold;
  letter-spacing: 0.26666667vw;
}
.exchange-lottery .detail p:nth-of-type(2),
.exchange-lottery .detail p:nth-of-type(3) {
  margin-top: 4vw;
}
.exchange-lottery .btn-exchange {
  display: block;
  width: 92vw;
  height: 13.33333333vw;
  background-color: #DEBC57;
  border-radius: 1.06666667vw;
  margin: 5.6vw auto 0;
  font-size: 4.26666667vw;
  color: #77481C;
  font-weight: bold;
  letter-spacing: 0.26666667vw;
}
/*积分兑换-实物*/
.exchange-practicality {
  width: 100%;
}
.exchange-practicality .title {
  height: 24.8vw;
  background-color: #ffffff;
  padding: 2.66666667vw 4vw 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.exchange-practicality .title > p {
  font-size: 5.6vw;
  color: #333333;
}
.exchange-practicality .title > p:nth-of-type(1) {
  color: #f22727;
  font-size: 4vw;
}
.exchange-practicality .title > p:nth-of-type(1) span {
  font-size: 6.93333333vw;
}
.exchange-practicality .title > p:nth-of-type(2) {
  font-weight: bold;
}
.exchange-practicality .address {
  background-color: #ffffff;
  margin-top: 0.8vw;
  padding: 4vw;
}
.exchange-practicality .address .address-top {
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.exchange-practicality .address .address-top .address-top-left {
  display: flex;
  align-items: center;
  -webkit-align-items: center;
}
.exchange-practicality .address .address-top .address-top-left span:nth-of-type(1) {
  color: #999999;
  font-size: 3.73333333vw;
}
.exchange-practicality .address .address-top .address-top-left span:nth-of-type(2),
.exchange-practicality .address .address-top .address-top-left span:nth-of-type(3) {
  color: #333333;
  font-size: 3.2vw;
  margin-left: 2.66666667vw;
}
.exchange-practicality .address .address-top .address-top-left span:nth-of-type(2) {
  margin-left: 0.66666667vw;
}
.exchange-practicality .address .address-top .address-top-right img {
  display: block;
  width: 4.8vw;
  height: 1.86666667vw;
}
.exchange-practicality .address .address-bottom {
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  margin-top: 2.4vw;
}
.exchange-practicality .address .address-bottom .address-bottom-left {
  margin-left: 9.06666667vw;
}
.exchange-practicality .address .address-bottom .address-bottom-left img {
  display: block;
  width: 4vw;
  height: 4.8vw;
}
.exchange-practicality .address .address-bottom .address-bottom-right {
  margin-left: 2.66666667vw;
  font-size: 3.2vw;
  color: #666666;
}
.exchange-practicality .detail {
  width: 100%;
  background-color: #ffffff;
  margin-top: 0.8vw;
  padding: 3.46666667vw 4vw;
  letter-spacing: 1px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.exchange-practicality .detail p:nth-of-type(1) {
  font-size: 3.73333333vw;
  color: #999999;
}
.exchange-practicality .detail p:nth-of-type(2) {
  font-size: 3.2vw;
  color: #333333;
  margin-top: 3.73333333vw;
}
.exchange-practicality .btn-exchange {
  display: block;
  width: 92vw;
  height: 13.33333333vw;
  background-color: #DEBC57;
  border-radius: 1.06666667vw;
  margin: 5.6vw auto 0;
  font-size: 4.26666667vw;
  color: #77481C;
  font-weight: bold;
  letter-spacing: 0.26666667vw;
}
/*秒杀*/
.seckill .title {
  position: relative;
}
.seckill .title .count-down {
  text-align: center;
  position: absolute;
  right: 4vw;
  top: 1.33333333vw;
}
.seckill .title .count-down p {
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  color: #666666;
}
.seckill .title .count-down p:nth-of-type(1) {
  font-size: 2.4vw;
}
.seckill .title .count-down p:nth-of-type(2) {
  font-size: 3.2vw;
  margin-top: 1.33333333vw;
}
.seckill .title .count-down p:nth-of-type(2) span {
  color: #333333;
}
.seckill .title .count-down p:nth-of-type(2) span:nth-of-type(3),
.seckill .title .count-down p:nth-of-type(2) span:nth-of-type(4),
.seckill .title .count-down p:nth-of-type(2) span:nth-of-type(5) {
  width: 6.13333333vw;
  height: 4.53333333vw;
  line-height: 4.53333333vw;
  display: inline-block;
  border: 0.13333333vw solid #bf9345;
  border-radius: 0.53333333vw;
}
/*拼团*/
.collage-detail-page .title .count-down p:nth-of-type(2) span:nth-of-type(2) {
  width: 6.13333333vw;
  height: 4.53333333vw;
  line-height: 4.53333333vw;
  display: inline-block;
  border: 0.13333333vw solid #bf9345;
  border-radius: 0.53333333vw;
}
.collage-detail-page .collage-num {
  width: 100%;
  height: 18.66666667vw;
  background-color: #ffffff;
  padding: 0 4vw;
  margin-top: 0.8vw;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.collage-detail-page .collage-num .collage-num-txt p:nth-of-type(1) {
  font-size: 3.73333333vw;
  color: #333333;
  font-weight: bold;
}
.collage-detail-page .collage-num .collage-num-txt p:nth-of-type(2) {
  margin-top: 2.4vw;
  font-size: 2.4vw;
  color: #666666;
}
.collage-detail-page .collage-num .num {
  width: 20vw;
  height: 11.2vw;
  text-align: center;
  line-height: 11.2vw;
  color: #333333;
  font-weight: bold;
  font-size: 4.26666667vw;
  border: 0.13333333vw solid #f4f4f4;
  border-radius: 1.06666667vw;
}
.collage-detail-page .btn-collage {
  display: block;
  width: 92vw;
  height: 13.33333333vw;
  background-color: #DEBC57;
  border-radius: 1.06666667vw;
  margin: 5.6vw auto 0;
  font-size: 4.26666667vw;
  color: #77481C;
  font-weight: bold;
  letter-spacing: 0.26666667vw;
}
/********无效********************************/
/*拼团成员*/
.collage-members {
  padding-bottom: 13.33333333vw;
}
.collage-members .title {
  height: 24.8vw;
  background-color: #ffffff;
  padding: 2.66666667vw 4vw 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
}
.collage-members .title > p {
  font-size: 5.6vw;
  color: #333333;
}
.collage-members .title > p:nth-of-type(1) {
  color: #f22727;
  font-size: 4vw;
}
.collage-members .title > p:nth-of-type(1) span {
  font-size: 6.93333333vw;
}
.collage-members .title > p:nth-of-type(2) {
  font-weight: bold;
}
.collage-members .title .count-down {
  text-align: center;
  position: absolute;
  right: 4vw;
  top: 1.33333333vw;
}
.collage-members .title .count-down p {
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  color: #666666;
}
.collage-members .title .count-down p:nth-of-type(1) {
  font-size: 2.4vw;
}
.collage-members .title .count-down p:nth-of-type(2) {
  font-size: 3.2vw;
  margin-top: 1.33333333vw;
}
.collage-members .title .count-down p:nth-of-type(2) span {
  color: #333333;
}
.collage-members .title .count-down p:nth-of-type(2) span:nth-of-type(3),
.collage-members .title .count-down p:nth-of-type(2) span:nth-of-type(4),
.collage-members .title .count-down p:nth-of-type(2) span:nth-of-type(5) {
  width: 6.13333333vw;
  height: 4.53333333vw;
  line-height: 4.53333333vw;
  display: inline-block;
  border: 0.13333333vw solid #bf9345;
  border-radius: 0.53333333vw;
}
.collage-members .title .count-down p:nth-of-type(2) span:nth-of-type(2) {
  width: 6.13333333vw;
  height: 4.53333333vw;
  line-height: 4.53333333vw;
  display: inline-block;
  border: 0.13333333vw solid #bf9345;
  border-radius: 0.53333333vw;
}
.collage-members .collage-members-word {
  width: 100%;
  height: 10.66666667vw;
  line-height: 10.66666667vw;
  padding: 0 4vw;
  font-size: 3.73333333vw;
  color: #333333;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.collage-members .collage-members-list {
  background-color: #ffffff;
}
.collage-members .collage-members-list ul {
  width: 100%;
  padding: 0 4vw;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.collage-members .collage-members-list ul li {
  width: 100%;
  height: 16vw;
  border-bottom: 0.13333333vw dashed #e5e5e5;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
}
.collage-members .collage-members-list ul li .collage-members-list-left {
  display: flex;
  align-items: center;
  -webkit-align-items: center;
}
.collage-members .collage-members-list ul li .collage-members-list-left .collage-members-head-portrait {
  width: 10.66666667vw;
  height: 10.66666667vw;
  border-radius: 50%;
  overflow: hidden;
  background-color: #ffffff;
  position: relative;
}
.collage-members .collage-members-list ul li .collage-members-list-left .collage-members-head-portrait img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.9;
}
.collage-members .collage-members-list ul li .collage-members-list-left .collage-members-information {
  margin-left: 4vw;
}
.collage-members .collage-members-list ul li .collage-members-list-left .collage-members-information p {
  font-size: 3.73333333vw;
}
.collage-members .collage-members-list ul li .collage-members-list-left .collage-members-information p:nth-of-type(1) {
  color: #333333;
  letter-spacing: 1px;
}
.collage-members .collage-members-list ul li .collage-members-list-left .collage-members-information p:nth-of-type(1) span {
  font-weight: bold;
  color: #f22727;
}
.collage-members .collage-members-list ul li .collage-members-list-left .collage-members-information p:nth-of-type(2) {
  margin-top: 2vw;
  color: #999999;
}
.collage-members .collage-members-list ul li .collage-members-list-right {
  font-size: 3.73333333vw;
  color: #999999;
}
.collage-members .collage-members-list ul li .collage-members-list-right span {
  font-size: 4.26666667vw;
  color: #333333;
  font-weight: bold;
}
.collage-members .btn-collage-fixed {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
}
.collage-members .btn-collage-fixed button {
  display: block;
  width: 92vw;
  height: 13.33333333vw;
  background-color: #DEBC57;
  border-radius: 1.06666667vw;
  margin: 5.6vw auto 0;
  font-size: 4.26666667vw;
  color: #77481C;
  font-weight: bold;
  letter-spacing: 0.26666667vw;
  margin: 0 auto;
}
/*我的*/
.mine {
  padding-bottom: 13.06666667vw;
}
.mine .header {
  width: 100%;
  height: 41.33333333vw;
  background: url("../images/mine/my_bg@2x.png") no-repeat;
  background-size: cover;
  position: relative;
}
.mine .header .cont {
  width: 100%;
  height: 28.8vw;
  padding: 0 4vw;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.mine .header .cont .cont-left {
  display: flex;
  align-items: center;
  -webkit-align-items: center;
}
.mine .header .cont .cont-left .head-portrait {
  width: 16.53333333vw;
  height: 16.53333333vw;
  border-radius: 50%;
  overflow: hidden;
  background-color: #ffffff;
}
.mine .header .cont .cont-left .cont-left-txt {
  margin-left: 2.66666667vw;
}
.mine .header .cont .cont-left .cont-left-txt p {
  color: #ffffff;
}
.mine .header .cont .cont-left .cont-left-txt p:nth-of-type(1) {
  font-size: 4.8vw;
}
.mine .header .cont .cont-left .cont-left-txt p:nth-of-type(2) {
  font-size: 3.73333333vw;
  margin-top: 1.86666667vw;
}
.mine .header .cont .cont-left .cont-left-txt p:nth-of-type(2) span {
  font-size: 4.8vw;
}
.mine .header .cont .cont-right button {
  width: 26.66666667vw;
  height: 9.06666667vw;
  font-size: 4.8vw;
  color: #774b1c;
  background-color: #deb551;
  border-radius: 1.06666667vw;
}
.mine .header .card {
  width: 97.06666667vw;
  height: 42.66666667vw;
  background: url("../images/mine/current_jifen@2x.png") no-repeat;
  background-size: cover;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.mine .header .card > ul {
  width: 89.33333333vw;
  height: 13.06666667vw;
  margin: 2.66666667vw auto 0;
}
.mine .header .card > ul > li {
  float: left;
  width: 25%;
  height: 13.06666667vw;
  line-height: 13.06666667vw;
  text-align: center;
}
.mine .header .card > ul > li > img {
  width: 11.46666667vw;
  height: 13.06666667vw;
}
.mine .header .card .progress {
  margin-top: 1.33333333vw;
}
.mine .header .card .progress .progress-bar {
  width: 89.33333333vw;
  height: 1.6vw;
  border-radius: 0.8vw;
  background-color: #ccb880;
  margin: 0 auto;
}
.mine .header .card .progress .progress-bar .progress-val {
  width: 26.66666667vw;
  height: 1.6vw;
  background-color: #bf9345;
  border-radius: 0.8vw;
}
.mine .header .card .progress .progress-num {
  width: 89.33333333vw;
  font-size: 3.2vw;
  color: #333333;
  margin: 0 auto;
}
.mine .header .card .progress .progress-num span {
  width: 20%;
  display: inline-block;
  text-align: left;
}
.mine .header .card .progress .progress-num span:nth-of-type(3) {
  text-align: center;
}
.mine .header .card .progress .progress-num span:nth-of-type(4) {
  text-align: right;
}
.mine .header .card .progress .progress-num span:last-child {
  text-align: right;
}
.mine .header .card .progress .line {
  width: 92vw;
  height: 0.13333333vw;
  background-color: #e5e5e5;
  margin: 5.33333333vw auto 0;
}
.mine .header .card .progress p {
  font-size: 3.73333333vw;
  color: #bf9345;
  line-height: 10.66666667vw;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
}
.mine .header .card .progress p span {
  font-size: 4.8vw;
  font-weight: bold;
}
.mine .list {
  width: 100%;
  padding: 30.13333333vw 0 0;
  background-color: #ffffff;
}
.mine .list ul {
  width: 100%;
  padding: 0 4vw;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.mine .list ul li {
  width: 100%;
  height: 11.73333333vw;
  border-bottom: 0.13333333vw solid #e5e5e5;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
}
.mine .list ul li a {
  width: 100%;
  height: 11.73333333vw;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.mine .list ul li a .list-left {
  font-size: 3.2vw;
  color: #333333;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
}
.mine .list ul li a .list-left img {
  width: 4.53333333vw;
  height: 4.53333333vw;
}
.mine .list ul li a .list-left span {
  margin-left: 4vw;
}
.mine .list ul li a .list-right {
  display: flex;
  align-items: center;
  -webkit-align-items: center;
}
.mine .list ul li a .list-right img {
  width: 2.13333333vw;
  height: 3.46666667vw;
}
/*签到*/
.sign-in .header {
  width: 100%;
  height: 54.66666667vw;
  background: url("../images/mine/bg02@2x.png") no-repeat;
  background-size: cover;
  text-align: center;
}
.sign-in .header > img {
  width: 65.86666667vw;
  height: 12vw;
  margin-top: 16vw;
}
.sign-in .header p {
  color: #999999;
}
.sign-in .header p:nth-of-type(1) {
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  font-size: 4.26666667vw;
}
.sign-in .header p:nth-of-type(1) span {
  font-size: 8.26666667vw;
  color: #77481C;
}
.sign-in .header .integral-total {
  width: 65.86666667vw;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin: 0 auto;
}
.sign-in .header .integral-total p {
  font-size: 3.2vw;
}
.sign-in .header .integral-total p span {
  font-size: 4.26666667vw;
  color: #333333;
}
.sign-in .header .integral-total button {
  width: 17.86666667vw;
  height: 6.13333333vw;
  color: #c09649;
  background-color: #ffffff;
  border: 0.26666667vw solid #c09649;
  border-radius: 1.06666667vw;
  font-size: 3.2vw;
}
.sign-in .date-title {
  width: 100%;
  height: 12vw;
  line-height: 12vw;
  text-align: center;
  background-color: #ccb880;
  position: relative;
}
.sign-in .date-title::before {
  content: '';
  width: 1.86666667vw;
  height: 5.06666667vw;
  background-color: #bf9345;
  border-radius: 1.06666667vw;
  display: block;
  position: absolute;
  bottom: -2.53333333vw;
  left: 17.33333333vw;
}
.sign-in .date-title::after {
  content: '';
  width: 1.86666667vw;
  height: 5.06666667vw;
  background-color: #bf9345;
  border-radius: 1.06666667vw;
  display: block;
  position: absolute;
  bottom: -2.53333333vw;
  right: 17.33333333vw;
}
.sign-in .sign-header {
  width: 100%;
  height: 11.73333333vw;
  padding: 2.53333333vw 4vw 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
}
.sign-in .sign-header span {
  display: inline-block;
  width: 14.28%;
  text-align: center;
  font-size: 3.2vw;
  color: #999999;
}
.sign-in .sign-list {
  width: 100%;
  padding: 0 4vw;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.sign-in .sign-list li {
  width: 14.28%;
  height: 12vw;
  float: left;
  font-size: 3.2vw;
  color: #333333;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
}
.sign-in .sign-list li span {
  width: 7.73333333vw;
  height: 7.73333333vw;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  border-radius: 50%;
}
.sign-in .sign-list li .sign-day {
  background-color: #c8b791;
}
.sign-in .sign-list li .today {
  background-color: #bf9345;
  color: #ffffff;
}
/*我的积分*/
.my-integral .header {
  width: 100%;
  height: 43.2vw;
  background: url("../images/mine/my-integral-bg@2x.png") no-repeat;
  background-size: cover;
  position: relative;
  padding-top: 8.8vw;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.my-integral .header .header-top {
  width: 100%;
}
.my-integral .header .header-top p {
  text-align: center;
}
.my-integral .header .header-top p span {
  width: 33.3333%;
  display: inline-block;
  color: #ffffff;
  font-size: 3.2vw;
  letter-spacing: 0.13333333vw;
}
.my-integral .header .header-top p:nth-of-type(1) span {
  color: #77481C;
  font-weight: bold;
}
.my-integral .header .header-top p:nth-of-type(1) span:nth-of-type(1) {
  font-size: 8.26666667vw;
}
.my-integral .header .header-top p:nth-of-type(1) span:nth-of-type(2) {
  font-size: 5.6vw;
}
.my-integral .header .header-top p:nth-of-type(1) span:nth-of-type(3) {
  font-size: 4.8vw;
}
.my-integral .header .header-bottom {
  width: 100%;
  height: 13.6vw;
  padding: 0 4vw;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  position: absolute;
  bottom: 0;
}
.my-integral .header .header-bottom p {
  font-size: 4.26666667vw;
  letter-spacing: 0.13333333vw;
}
.my-integral .header .header-bottom button {
  width: 21.06666667vw;
  height: 6.66666667vw;
  font-size: 3.2vw;
  color: #77481C;
  background-color: #DEBC57;
  border-radius: 1.06666667vw;
}
.my-integral .integral-list {
  background-color: #ffffff;
}
.my-integral .integral-list > ul > li {
  height: 13.33333333vw;
  line-height: 13.33333333vw;
  font-size: 3.2vw;
  color: #999999;
}
.my-integral .integral-list > ul > li > ul > li {
  float: left;
  width: 25%;
  text-align: center;
}
.my-integral .integral-list > ul > li > ul > li:nth-of-type(2) {
  width: 50%;
}
.my-integral .integral-list > ul > li > ul > li:nth-of-type(3) {
  font-size: 4.26666667vw;
  color: #f22727;
}
.my-integral .integral-list > ul > li:nth-of-type(1) {
  height: 11.2vw;
  line-height: 11.2vw;
}
.my-integral .integral-list > ul > li:nth-of-type(1) > ul > li {
  font-size: 3.2vw;
  color: #333333;
}
.wraper-integral {
  top: 43.2vw;
}
/*个人资料*/
.personal-data .header {
  width: 100%;
  height: 41.33333333vw;
  background: url("../images/mine/gerenzhuce_bg@2x.png") no-repeat;
  background-size: cover;
  padding-top: 8.8vw;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.personal-data .header .head-portrait {
  width: 16.53333333vw;
  height: 16.53333333vw;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
  background-color: #ffffff;
}
.personal-data .header p {
  text-align: center;
  font-size: 3.2vw;
  color: #77481C;
  margin-top: 4vw;
}
.personal-data .header p span {
  font-size: 4vw;
  font-weight: bold;
}
.personal-data .personal-data-list {
  width: 100%;
}
.personal-data .personal-data-list ul {
  width: 100%;
  padding: 0 4vw;
  background-color: #ffffff;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.personal-data .personal-data-list ul li {
  width: 100%;
  height: 11.73333333vw;
  border-bottom: 0.13333333vw solid #e5e5e5;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
}
.personal-data .personal-data-list ul li a {
  width: 100%;
  height: 11.73333333vw;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.personal-data .personal-data-list ul li a .list-left {
  font-size: 3.2vw;
  color: #333333;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
}
.personal-data .personal-data-list ul li a .list-left img {
  width: 4.53333333vw;
  height: 4.53333333vw;
}
.personal-data .personal-data-list ul li a .list-left span {
  margin-left: 4vw;
}
.personal-data .personal-data-list ul li a .list-right {
  display: flex;
  align-items: center;
  -webkit-align-items: center;
}
.personal-data .personal-data-list ul li a .list-right span {
  font-size: 3.2vw;
  color: #999999;
}
.personal-data .personal-data-list ul li a .list-right img {
  width: 2.13333333vw;
  height: 3.46666667vw;
  margin-left: 2.13333333vw;
}
.personal-data .personal-data-list ul:nth-of-type(2) {
  margin-top: 3.2vw;
}
/*个人注册*/
.rigister {
  width: 100%;
  padding-top: 5.33333333vw;
}
.rigister .phone {
  padding: 0 4vw;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.rigister .phone > p {
  font-size: 4.8vw;
  color: #333333;
}
.rigister .phone ul li {
  width: 100%;
  height: 14.66666667vw;
  border-bottom: 1px solid #e5e5e5;
  font-size: 4vw;
  color: #333333;
  position: relative;
}
.rigister .phone ul li label {
  position: absolute;
  left: 0;
  bottom: 2.13333333vw;
  z-index: 2;
}
.rigister .phone ul li input {
  width: 100%;
  font-size: 4.26666667vw;
  padding-left: 16vw;
  position: absolute;
  left: 0;
  bottom: 2.13333333vw;
  z-index: 1;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.rigister .phone ul li:nth-of-type(2) input {
  padding-right: 22.4vw;
}
.rigister .phone ul li:nth-of-type(2) button {
  width: 22.4vw;
  height: 8vw;
  font-size: 3.2vw;
  color: #77481C;
  background-color: #DEBC57;
  border-radius: 1.06666667vw;
  position: absolute;
  right: 0;
  bottom: 2.66666667vw;
  z-index: 2;
}
.rigister .label {
  width: 100%;
  margin-top: 8vw;
}
.rigister .label .label-header {
  padding: 0 4vw 2.66666667vw;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.rigister .label .label-header > p {
  font-size: 4.8vw;
  color: #333333;
}
.rigister .label .label-header .change {
  display: flex;
  align-items: center;
  -webkit-align-items: center;
}
.rigister .label .label-header .change img {
  width: 3.73333333vw;
  height: 3.73333333vw;
}
.rigister .label .label-header .change span {
  font-size: 3.73333333vw;
  color: #77481C;
  margin-left: 0.8vw;
}
.rigister .label ul {
  width: 100%;
  margin-bottom: 0.13333333vw;
}
.rigister .label ul li {
  width: 33.33%;
  height: 9.6vw;
  float: left;
  margin-top: 5.33333333vw;
  padding: 0 4vw;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.rigister .label ul li span {
  width: 100%;
  line-height: 9.06666667vw;
  display: inline-block;
  border-radius: 1.06666667vw;
  color: #333333;
  border: 0.13333333vw solid #999999;
  font-size: 3.73333333vw;
  text-align: center;
}
.rigister .label ul li .active {
  color: #c09649;
  border: 0.13333333vw solid #DEBC57;
}
.rigister .btn-submit {
  text-align: center;
}
.rigister .btn-submit > button {
  width: 73.33333333vw;
  height: 13.06666667vw;
  font-size: 4.8vw;
  color: #ffffff;
  background-color: #999999;
  border-radius: 1.06666667vw;
  letter-spacing: 1.33333333vw;
  margin-top: 13.33333333vw;
}
.rigister .btn-submit .active {
  color: #77431c;
  background-color: #edbc57;
}
/*兑换记录*/
.record {
  width: 100%;
}
.record .header {
  width: 100%;
}
.record .header ul {
  width: 100%;
  background-color: #ffffff;
}
.record .header ul li {
  width: 25%;
  height: 11.73333333vw;
  text-align: center;
  float: left;
}
.record .header ul li span {
  display: inline-block;
  height: 11.73333333vw;
  line-height: 11.73333333vw;
  font-size: 3.73333333vw;
}
.record .record-list ul li {
  width: 100%;
  background-color: #ffffff;
  margin-top: 3.2vw;
  padding: 4.8vw 4vw;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.record .record-list ul li .record-list-top {
  display: flex;
  align-items: center;
  -webkit-align-items: center;
}
.record .record-list ul li .record-list-top .record-list-top-left {
  width: 43.73333333vw;
  height: 22.66666667vw;
  overflow: hidden;
}
.record .record-list ul li .record-list-top .record-list-top-right {
  width: 44.26666667vw;
  margin-left: 4vw;
}
.record .record-list ul li .record-list-top .record-list-top-right p {
  font-size: 3.2vw;
  color: #999999;
}
.record .record-list ul li .record-list-top .record-list-top-right p:nth-of-type(1) {
  font-size: 4vw;
  color: #333333;
}
.record .record-list ul li .record-list-top .record-list-top-right p:nth-of-type(2) {
  margin-top: 2.66666667vw;
}
.record .record-list ul li .record-list-top .record-list-top-right p:nth-of-type(3) {
  margin-top: 3.6vw;
}
.record .record-list ul li .record-list-bottom {
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-top: 5.6vw;
}
.record .record-list ul li .record-list-bottom .record-list-bottom-left p {
  font-size: 3.2vw;
  color: #999999;
}
.record .record-list ul li .record-list-bottom .record-list-bottom-left p span {
  font-size: 4vw;
  color: #333333;
}
.record .record-list ul li .record-list-bottom .record-list-bottom-right {
  display: flex;
  align-items: center;
  -webkit-align-items: center;
}
.record .record-list ul li .record-list-bottom .record-list-bottom-right button {
  width: 20.8vw;
  height: 6.66666667vw;
  font-size: 3.2vw;
  color: #333333;
  background-color: #ffffff;
  border-radius: 1.06666667vw;
  border: 0.13333333vw solid #333333;
}
.record .record-list ul li .record-list-bottom .record-list-bottom-right a {
  width: 20.8vw;
  height: 6.66666667vw;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  font-size: 3.2vw;
  border-radius: 1.06666667vw;
  color: #77481C;
  background-color: #DEBC57;
  margin-left: 1.33333333vw;
}
.record .nothing {
  display: none;
  margin: 40vw auto 0;
  text-align: center;
}
.record .nothing img {
  width: 31.46666667vw;
  height: 18.93333333vw;
}
.record .nothing p {
  margin-top: 6.66666667vw;
}
/*兑换记录导航高亮样式*/
.record-active span {
  border-bottom: 0.13333333vw solid #bf9345;
  color: #bf9345;
}
.record-noReceive,
.record-complete,
.record .record-cancel {
  display: none;
}
/*订单详情*/
.order-detail {
  padding-top: 3.2vw;
}
.order-detail .header {
  background-color: #ffffff;
  padding: 4vw 4vw 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.order-detail .header .header-top {
  display: flex;
  align-items: center;
  -webkit-align-items: center;
}
.order-detail .header .header-top .header-top-left {
  width: 32vw;
  height: 32vw;
  overflow: hidden;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
}
.order-detail .header .header-top .header-top-right {
  width: 56.8vw;
  margin-left: 4vw;
}
.order-detail .header .header-top .header-top-right p {
  font-size: 3.2vw;
  color: #999999;
}
.order-detail .header .header-top .header-top-right p:nth-of-type(1) {
  font-size: 4vw;
  color: #333333;
}
.order-detail .header .header-top .header-top-right p:nth-of-type(2),
.order-detail .header .header-top .header-top-right p:nth-of-type(3) {
  margin-top: 3.2vw;
}
.order-detail .header .header-top .header-top-right p:nth-of-type(4) {
  font-size: 3.73333333vw;
  color: #bf9345;
  margin-top: 4.8vw;
}
.order-detail .header .header-bottom {
  height: 11.73333333vw;
  line-height: 11.73333333vw;
  margin-top: 4vw;
  border-top: 0.13333333vw solid #e5e5e5;
}
.order-detail .header .header-bottom p {
  font-size: 3.2vw;
  color: #999999;
}
.order-detail .header .cam {
  height: 11.73333333vw;
  font-size: 3.2vw;
  color: #999999;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.order-detail .header .cam button {
  width: 15.73333333vw;
  height: 6.66666667vw;
  font-size: 3.2vw;
  color: #77481C;
  background-color: #deba57;
  border-radius: 1.06666667vw;
}
.order-detail .logistics-information {
  margin-top: 3.2vw;
  background-color: #ffffff;
  padding: 4.8vw 4vw;
}
.order-detail .logistics-information .logistics-title {
  width: 34.93333333vw;
  height: 8.26666667vw;
  margin: 0 auto;
}
.order-detail .logistics-information .logistics-list {
  margin-top: 4.8vw;
}
.order-detail .logistics-information .logistics-list ul li {
  display: flex;
  color: #999999;
}
.order-detail .logistics-information .logistics-list ul li .logistics-list-left {
  width: 24vw;
  text-align: center;
  font-size: 3.2vw;
  color: #999999;
  border-right: 0.26666667vw solid #dddddd;
  padding-right: 4vw;
  padding-bottom: 8vw;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
}
.order-detail .logistics-information .logistics-list ul li .logistics-list-left .logistics-times span {
  display: block;
}
.order-detail .logistics-information .logistics-list ul li .logistics-list-left .logistics-times span:nth-of-type(2) {
  margin-top: 2.66666667vw;
}
.order-detail .logistics-information .logistics-list ul li .logistics-list-left::after {
  content: '';
  display: block;
  width: 3.2vw;
  height: 3.2vw;
  background-color: #dddddd;
  border-radius: 50%;
  position: absolute;
  right: -1.6vw;
  top: 0;
  z-index: 1;
}
.order-detail .logistics-information .logistics-list ul li .logistics-list-left .order-finish {
  width: 5.33333333vw;
  height: 5.33333333vw;
  position: absolute;
  top: 0;
  right: -2.66666667vw;
  z-index: 2;
}
.order-detail .logistics-information .logistics-list ul li .logistics-list-right {
  width: 60vw;
  margin-left: 4vw;
  font-size: 3.2vw;
}
.order-detail .logistics-information .logistics-list ul li:first-child {
  color: #333333;
}
.order-detail .logistics-information .logistics-list ul li:first-child .logistics-list-left .logistics-times span {
  color: #333333;
}
.order-detail .logistics-information .logistics-list ul li:last-child .logistics-list-left {
  border: none;
}
.order-detail .cancel-information {
  background-color: #ffffff;
  margin-top: 0.8vw;
  padding: 4vw;
  margin-top: 3.2vw;
}
.order-detail .cancel-information a {
  display: block;
}
.order-detail .cancel-information .address-top {
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.order-detail .cancel-information .address-top .address-top-left {
  display: flex;
  align-items: center;
  -webkit-align-items: center;
}
.order-detail .cancel-information .address-top .address-top-left span:nth-of-type(1) {
  color: #999999;
  font-size: 3.73333333vw;
}
.order-detail .cancel-information .address-top .address-top-left span:nth-of-type(2),
.order-detail .cancel-information .address-top .address-top-left span:nth-of-type(3) {
  color: #333333;
  font-size: 3.2vw;
  margin-left: 2.66666667vw;
}
.order-detail .cancel-information .address-top .address-top-left span:nth-of-type(2) {
  margin-left: 0.66666667vw;
}
.order-detail .cancel-information .address-top .address-top-right img {
  display: block;
  width: 4.8vw;
  height: 1.86666667vw;
}
.order-detail .cancel-information .address-bottom {
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  margin-top: 2.4vw;
}
.order-detail .cancel-information .address-bottom .address-bottom-left {
  margin-left: 9.06666667vw;
}
.order-detail .cancel-information .address-bottom .address-bottom-left img {
  display: block;
  width: 4vw;
  height: 4.8vw;
}
.order-detail .cancel-information .address-bottom .address-bottom-right {
  margin-left: 2.66666667vw;
  font-size: 3.2vw;
  color: #666666;
}
.order-detail .cancel-information .tip {
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding-top: 4vw;
  margin-top: 4vw;
  border-top: 0.13333333vw solid #e5e5e5;
}
.order-detail .cancel-information .tip p:nth-of-type(1) {
  width: 26.66666667vw;
  font-size: 3.73333333vw;
  color: #999999;
}
.order-detail .cancel-information .tip p:nth-of-type(2) {
  font-size: 3.2vw;
  color: #333333;
}
/*积分规则*/
.rule {
  width: 100%;
  padding: 3.2vw 4vw 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
/*通用弹窗*/
.popup {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 10;
}
.popup .pop-body {
  width: 77.33333333vw;
  height: 48vw;
  background-color: #ffffff;
  border-radius: 2.66666667vw;
  padding: 14.66666667vw 4vw 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.popup .pop-body p {
  font-size: 4.26666667vw;
  color: #333333;
  font-weight: bold;
  letter-spacing: 1px;
}
.popup .pop-body p img {
  display: inline-block;
  width: 6.93333333vw;
  height: 6.93333333vw;
  margin-right: 2.66666667vw;
}
.popup .pop-body button {
  width: 37.33333333vw;
  height: 13.06666667vw;
  background-color: #DEBC57;
  border-radius: 1.06666667vw;
  color: #77481C;
  font-size: 4.8vw;
  font-weight: bold;
  letter-spacing: 1px;
  margin-top: 7.73333333vw;
}
/*询问弹窗*/
.confirm-popup .pop-body button {
  width: 32vw;
  height: 13.06666667vw;
}
.confirm-popup .pop-body button:nth-of-type(1) {
  float: left;
  border: 0.26666667vw solid #999999;
  color: #333333;
  background-color: #ffffff;
}
.confirm-popup .pop-body button:nth-of-type(2) {
  float: right;
}
/*拼团失败弹窗*/
.popup-error2 .pop-body {
  padding-top: 8.26666667vw;
}
.popup-error2 .pop-body p:nth-of-type(2) {
  margin-top: 3.73333333vw;
}
.popup-error2 .pop-body button {
  margin-top: 5.06666667vw;
}
/*签到弹窗*/
.signIn-popup {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
}
.signIn-popup .popup-body {
  width: 77.33333333vw;
  height: 72.8vw;
  margin: 24vw auto 0;
  position: relative;
}
.signIn-popup .popup-body > img {
  display: block;
  width: 61.06666667vw;
  height: 61.06666667vw;
  margin: 0 auto;
  animation: rotating 5s linear infinite;
  -webkit-animation: rotating 5s linear infinite;
}
.signIn-popup .popup-body .popup-cont {
  width: 77.33333333vw;
  height: 48vw;
  background-color: #ffffff;
  border-radius: 2.66666667vw;
  position: absolute;
  bottom: 0;
}
.signIn-popup .popup-body .popup-cont img {
  display: block;
  width: 54.4vw;
  height: 33.6vw;
  margin: -11.46666667vw auto 0;
}
.signIn-popup .popup-body .popup-cont p {
  font-size: 8.26666667vw;
  color: #333333;
  margin-top: 6.66666667vw;
  text-align: center;
}
.signIn-popup .popup-body .popup-cont p span {
  font-size: 8.53333333vw;
  color: #77481C;
}
.signIn-popup .drifting {
  width: 95.6vw;
  height: 67.06666667vw;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 26.93333333vw;
}
/*定义旋转动画*/
@keyframes rotating {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
/*loading*/
.loading {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}
.loading .loading-body {
  width: 26.66666667vw;
  height: 26.66666667vw;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 1.33333333vw;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.loading .loading-body img {
  width: 10.66666667vw;
  height: 10.66666667vw;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
